<template>
	<view class="home">
		<!-- <u-sticky offset-top="0">
		<view class="tophead">
			<view class="fill">
				<uni-icons type="left" color="#666" size="26" @click="retFn"></uni-icons>
			</view>
			<view class="firr">
				{{title.title}}
			</view>
		</view>
		</u-sticky>
		<view class="content">
			{{title.content}}
		</view>
		<view class="content-a">
			{{title.contenta}}
		</view>
		<view class="content-b" v-for="(i,index) in title.contentb" :key="index">
			{{i}}
		</view>
		<view class="content-a">
			{{celiufangshi.contentc}}
		</view>
		<view class="content-b" v-for="(item,inx) in title.contentd" :key="inx+'i'">
			<view class="content-b" style="color: #cb2a24;">
				{{item.tia}}
			</view>
			<view class="content-ba">
				{{item.tib}}
			</view>
		</view> -->

		<!-- 		<view class="box" v-for="(i,index) in title.arrtext" :key="index">
			<view class="tit">
				{{i.text}}
			</view>
			<view class="titarr">
				{{i.con}}
			</view>
		</view> -->
		<web-view :webview-styles="webviewStyles" :src="url"></web-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				celiufangshi: {
					title: '功能说明',
					content: '本页面用于输水渠道流量测量，支持基于流速面积法的各种测流设备，可手动控制或自动测量，操作简单方便，可修正流速系数和减少干扰误差，精度有保障。',
					contenta: '流速仪测流操作步骤',
					contentb: [
						'1、选择流速仪',
						'2、选择测流断面 ',
						'3、连接蓝牙，初始化设备',
						'4、输入或获取当前水深',
						'5、移动设备，控制流速仪入位',
						'6、读取流速信号，计算测点流速',
						'7、依次测量其它测点',
						'8、测量完毕计算流量',
						'9、保存和上传数据',
						'10、回收和保养设备',
					],
					contentc: '支持的测法和设备',
					contentd: [{
							tia: '1、流速仪测流',
							tib: '采用手持式流速仪进行人工测流，通过APP辅助简化操作并实现自动计算，支持转子式、多普勒、雷达（电磁）波式流速仪。',
						},
						{
							tia: '2、索道式测流车',
							tib: '沿跨渠索道行走的测流设备，挂载转子式流速仪或多普勒流速仪，对测流断面进行分布式流速测量，主要用于野外测站临时测量。',
						},
						{
							tia: '3、轨道式测流车',
							tib: '沿跨渠轨道行走的测流设备，挂载转子式流速仪或多普勒流速仪，对测流断面进行分布式流速测量，主要用于永久测站自动测量。',
						},
						{
							tia: '4、多普勒测流车',
							tib: '沿跨渠轨道行走的测流设备，挂载多普勒流速仪，对测流断面进行排列式流速测量，主要用于取代转子式流速仪，实现高频次、高精度自动测量。',
						},
						{
							tia: '5、多普勒测流船',
							tib: '一种浮船式测流设备，船底安装多普勒流速仪，对测流断面进行单测线或多测线流速测量，主要用于水流较平稳断面的实时在线测量。',
						},
						{
							tia: '6、时差法流量计',
							tib: '利用超声波在水中顺流逆流传播的时间差测量流速并计算流量的设备，流速探头安装在渠道两侧边坡或侧壁上，多组探头分层测速，开放式和箱式适用于不同大小渠道。',
						},
						{
							tia: '7、雷达波流量计',
							tib: '通过反射雷达波的多普勒效应原理测量水面流速并计算流量的设备，流速探头架空安装，可并列多探头多点测速，适用于水中杂物较多的渠道和河道。',
						},

					],
				},
				appfushu: {
					title: '功能说明',
					content: '本页面用于人工流速仪测流的辅助测量，支持转子式、多普勒式、雷达波式流速仪，支持浮标法测流，自动计时计数和计算，可以调整流速系数以提高精度，适用于标准断面渠道的单测次流量测量。',

				},
				title: {},
				url:'',
				functionModule: {
					celiangliushui: 'https://qr71.cn/oGrbDM/qrsXMTm'
				}
			}
		},
		onLoad(option) {
			this.auxiliaryCurrentMeasurementFn(option.id)
		},
		methods: {
			// 返回
			retFn() {
				uni.navigateBack({
					delta: 1
				});
			},
			auxiliaryCurrentMeasurementFn(data) {
				console.log('data', data);
				if (data == '测流量水') {
					this.url = this.functionModule.celiangliushui
				}
				if (data == 'APP辅助') {
					this.url = this.appfushu
				}
			},

		}
	}
</script>
<style scoped lang="scss">
	.tophead {
		display: flex;
		flex: 1;
		align-items: center;
		padding: 80rpx 20rpx 10rpx 20rpx;
		color: #000000;
		background-color: #f3f3f3;

		.fill {
			flex: 3;
		}

		.firr {
			flex: 5;
		}
	}

	.home {
		padding: 0 30rpx;
		color: #000000;
		font-size: 40rpx;

		// .title {
		// 	font-size: 50rpx;
		// 	text-align: center;
		// }
		.content {
			font-size: 45rpx;
			text-indent: 45rpx;
			color: #0462aa;
		}

		.content-a {
			margin-top: 30rpx;
			text-align: center;
			font-size: 45rpx;
			font-weight: bold;
			color: #b92323;
		}

		.content-b {
			// text-align: center;
			line-height: 70rpx;
			font-size: 45rpx;
			color: #0462aa;

			.content-ba {
				text-indent: 45rpx;
			}
		}

		.box {
			display: flex;
			flex-wrap: wrap;
			margin: 30rpx 0;

			.tit {
				color: #0462aa;
			}

			.titarr {
				color: #000000;
			}
		}
	}
</style>
<style>
	page {
		background-color: #f2f1f6;
	}
</style>